/**app.wxss**/
.container {
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0rpx 20rpx;
}

.container_item {
  margin-top: 10rpx;
}

view {
  margin-top: 10rpx;
}

.cards {
  display: flex;
  /* 超出容器宽度自动换行 */
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 0.7rem;
  column-count: 2;
  height: 500rpx;
}

.cards_item {
  /* 初始化每个卡片的宽度，占据父容器的 1/4 */
  flex-basis: 48%;
  height: 300rpx;
  background-color: red;
  border-radius: 10rpx;
}

//不换行
.swrap {
  display: flex;
  //挤不下换行
  flex-wrap: wrap;
  justify-content: flex-start;
}